﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>轮播图</title>

    <link href="css/mystery.css" type="text/css" rel="stylesheet">


</head>
<body>
    <div class="mysterycontainer">

        <div class="mysterywrap" style="left: -600px;">

            <a href="magnify.html"><img src="./images/img05.jpg" alt=""></a>

            <a href="magnify.html"><img src="./images/img01.jpg" alt=""></a>

            <a href="magnify.html"><img src="./images/img02.jpg" alt=""></a>

            <a href="magnify.html"><img src="./images/img08.jpg" alt=""></a>

            <a href="magnify.html"><img src="./images/img04.jpg" alt=""></a>

            <a href="magnify.html"><img src="./images/img06.jpg" alt=""></a>

            <a href="magnify.html"><img src="./images/img07.jpg" alt=""></a>


        </div>
        <div class="mysterybuttons">

            <span class="mysteryon">1</span>

            <span>2</span>

            <span>3</span>

            <span>4</span>

            <span>5</span>

        </div>

        <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="arrow arrow_left"><</a>

        <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="arrow arrow_right">></a>

    </div>
</body>
</html>